<template>
  <div class="xhs-web">
    <!-- 头部 -->
    <div class="xsh-header">
      <div class="logo">
          <img src="https://ci.xiaohongshu.com/5c6dec9a-8e4b-41f0-960b-0ae9493ea700" />
      </div>
      <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
        <el-menu-item index="1">首页</el-menu-item>
        <el-menu-item index="2">社区精选</el-menu-item>
        <el-submenu index="3">
          <template slot="title">业务合作</template>
          <el-menu-item index="3-1">选项1</el-menu-item>
          <el-menu-item index="3-2">选项2</el-menu-item>
          <el-menu-item index="3-3">选项3</el-menu-item>
        </el-submenu>
        <el-submenu index="4">
          <template slot="title">创作者服务</template>
          <el-menu-item index="4-1">选项1</el-menu-item>
          <el-menu-item index="4-2">选项2</el-menu-item>
          <el-menu-item index="4-3">选项3</el-menu-item>
        </el-submenu>
        <el-menu-item index="5">新闻中心</el-menu-item>
        <el-menu-item index="6">关于我们</el-menu-item>
        <el-menu-item index="7">社会责任</el-menu-item>
        <el-menu-item index="8"><a href="https://www.ele.me" target="_blank">加入我们</a></el-menu-item>
        <el-menu-item index="9"><a href="https://www.ele.me" target="_blank">中文</a></el-menu-item>
      </el-menu>
    </div>
    <!-- 整体页面 -->
    <div class="xsh-main"></div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      activeIndex: '2',
    }
  },
  methods:{
    handleSelect(){},
  }

}
</script>

<style lang="less" scoped>
.xhs-web{
  width: 100%;
  height: 100%;
}
</style>